<script setup lang="ts">
import ChannelNav from './components/ChannelNav.vue'
import ArticleList from './components/ArticleList.vue'
import { ref } from 'vue'

// 数据App维护，因为切换频道ID的时候 列表需要根据频道ID更新
const channelId = ref(0)
</script>

<template>
  <!-- <ChannelNav :channelId="channelId"></ChannelNav> -->
  <ChannelNav
    :channelId="channelId"
    @change-channel="channelId = $event"
  ></ChannelNav>
  <!-- 监测频道变化 -->
  <ArticleList :channelId="channelId"></ArticleList>
</template>
